<template>
  <div>
    <button @click="num++">父组件按钮</button>
    <hr />
    <!-- <Btn v-model:x="num" /> -->
    <!-- 
      <Btn :x="num" @update:x="(val)=>num=val"/>
     -->
    <!-- 默认属性名 modelValue -->
    <Btn v-model="num" />
    <!-- 只要传给子组件的数据 子组件要修改 在属性前加v-model 子组件触发update:属性名 -->
  </div>
</template>
<script>
import Btn from "./components/Btn.vue";
export default {
  data() {
    return {
      num: 100,
    };
  },
  components: {
    Btn,
  },
};
</script>
